html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

a { cursor: default; }

a[title="站长统计"] {
	font-size: 0;
}

body.scroll-forbidden {
	overflow:hidden;
}

body {
	padding:1em 0.8em;
	background:#FAEADB;
}
	#image_for_share { width:0; height:0; overflow:hidden;}
		#image_for_share img {}

	h1 {
		font-size:2em;
		background:#009900;
		color:white;
		text-align:center;
	}

	.form-list {
		list-style:none;
	}
	.form-list li {
		border-bottom:0px solid #ccc;
		padding:0.6em 1em;
	}

	.form-list input, .form-list textarea, .form-list select{
		border:0px solid #aaa;
		padding:0.2em 0.4em;
		border-radius:5px;
		background:#F8E4D6;
		font-size:1em;
		line-height:1.6em;
		box-sizing:border-box;
	}

	.form-list input:focus, .form-list textarea:focus, .form-list select:focus {
		border-color:#ccff99;
	}

/*********** Common Part ***********/

/** Header of page **/
.head-img {
	background:none;
	background:cover;
	margin: 1.2em auto 0.3em auto;
	width:50%;
	max-width:16em;
}
	.head-img img {width:100%;}

h3{
	font-size:1.6em;
	text-align:center;
	color:#EB6942;
	font-weight:normal;
}
.head-description {
	display:block;
	color:#CDCDCD;
	margin:0 1em 2em 1em;
	text-align:center;
	line-height:1.8em;
}
.head-blackline{
	display:block;
	color:#666;
	margin:0 1em 0 1em;
	text-align:center;
	line-height:1.8em;
}

/** share page **/
.card-shape {
	position:relative;
	background:#ffffff;
	border-radius:1em 1em ;
	width:100%;
	padding:1em 1em 1em 1em;
	box-sizing:border-box;
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	overflow:hidden;
}
	.card-shape.no-bottom-space{
		padding-bottom:0;
	}
	

.container {
	width:100%;
	padding:0;
	box-shadow:border-box;
	margin:0 auto;
}

#container {
	width:100%;
	padding:2em 5px;
	box-sizing:border-box;
}


h6{
	font-size:1em;
	text-align:left;
	color:#EB6942;
}

.time-range {
	display:block;
	margin-bottom:1em;
	font-size:0.8em;
	color:#AAAAAA;
	text-align:center;
	line-height:2em;
}

.info {
	padding:0.4em 0;
	text-align:center;
}

.info .tooltip {
	display:inline-block;
	color:#EB6841;
	font-size:1em;
	line-height:1.6em;
}

.info .data {
	display:inline-block;
	width:70%;
	min-width:8em;
	padding:0 1em;
	box-sizing:border-box;
	border:none;
	background:#F8E4D6;
	color:#6C6763;
	line-height:2.6em;
	border-radius:0.4em;
	text-align:center;
	font-size:1em;
}




.error-mes {color:red;}






.loading-msg {
	position:fixed;
}

/********* common element style ********/

/* button */
.highlight-btn {
	display:block;
	width:10em;
	line-height:2.4em;
	margin:0 auto;
	font-size:1.0em;
	text-align:center;
	color:white;
	background:#EB6841;
	border-radius:6px;
	text-decoration:none;
	vertical-align: middle;
}
.highlight-btn.disabled {
	color:white;
	background:#ccc;
}
	.highlight-btn:active {
		opacity: 0.5;
	}
.button-tip {
	color:#AAA;
	font-size: 1em;
	padding: 0.3em 0 0 0;
	text-align:center;
}


/* circle submit button */
.circle-btn {
	display:inline-block;
	width:1.8em;height:1.8em;
	line-height:1.8em;
	font-size:2.6em;
	border-radius:50%;
	overflow:hidden;
	color:#ffffff;
	background:#EB6841;
	border:none;
	text-align:center;
	box-shadow:0 0 10px rgba(255, 255, 255, 1), 0 0 16px rgba(235, 105, 65, 0.6);
	background-size:contain;
	background-position:center center;
}
	.circle-btn:active {
		transform: scale(0.8, 0.8);
	}

.circle-label {
	color:#EB6841;
	font-size:1.3em;
	line-height:2em;
}

.circle-bg {
	position:;
	height:auto;
	width:100%;
	margin-top:3em;
	padding:0.4em 0 2em 0;
 	background:#FBF7F1;
	border-radius:999px 999px 0 0;
	text-align:center;
}
#share-btn{
	display:block;
	background:#FBF7F1;
	width:100%;
	height:;
	padding:1em 0 1em 0;
	overflow:hidden;
	border-radius:0 0 999px 999px;
	text-align:center;
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
}


/* poll status label*/
.poll-status {
	position:absolute;
	display:block;
	padding:0;
	font-size:0;
	line-height:0;
	width:28px;
	height:88px;
	background:#fff;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:contain;
}
.poll-status.dark  {background-image:url('img/poll-status-dark.png');}
.poll-status.light {background-image:url('img/poll-status-light.png');}


/****** selector list  ********/
.select-list {
	display:none;
	position:fixed;
}


/********** Common Comp -- MsgBox etc. *********/

/* loading notice */
.loading-box {
	position:fixed;
	z-index:97;
	transition: 0.3s all;
}
.loading-box.hidden {
	opacity: 0;
	visibility: hidden;
}
	.loading-box .block{
		display:block;
		position:fixed;
		top:50%;left:50%;
		margin:-3em 0 0 -3em;
		width:6em; height:6em;
		background:#fff  url('img/poi.svg')  no-repeat;
		background-position: center center;
		background-size:80%;
		border-radius:0.6em;
		box-shadow:0 0 3em rgba(0,0,0,0.2);
		line-height:6em;
		z-index:99;
		animation: jump_up_down 0.4s alternate;
		-webkit-animation: jump_up_down 0s alternate;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		will-change:background;
		transition: 0.3s all;
	}
	.loading-box.hidden .block{
		transform: scale(1.2);
	}

	.loading-box:before{
		content:' ';
		display:block;
		position:fixed;
		top:0;bottom:0;left:0;right:0;
		background:rgba(0,0,0,0.5);
		z-index:98;
	}
	.loading-box.no_shadow:before{
		background:transparent;
	}

	/*.loading-box .block:after {
		content:' ';
		display:block;
		position:absolute;
		top:50%; left:50%;
		margin-top:-23px; margin-left:-23px;
		width:46px; height:46px;
		border-radius:50%;
		border-width:6px;
		border-style:solid;
		border-color: #EB6942 #EB6942 #EB6942 transparent;
		background:#ff0 url('img/loading1.g') no-repeat center center;
		box-sizing: border-box;
		font-size:0;
		animation-name: rotate_circle;
		animation-iteration-count: infinite;
		animation-duration: 1s;
		animation-timing-function: cubic-bezier(1,0,0,1);
	}	@keyframes jump_up_down {
		0%  {background-position: translate(0, -30px);}
		20%  {transform:translate(0, -26px);}
		40%  {transform:translate(0, -18px);}
		60%  {transform:translate(0, -6px);}
		80% {transform:translate(0, 10px);}
		100%{transform:translate(0, 30px);}
	}*/

	@-webkit-keyframes jump_up_down {
		 0%  {background-position: center 20%;}
		20%  {background-position: center 24%;}
		40%  {background-position: center 32%;}
		60%  {background-position: center 44%;}
		80%  {background-position: center 60%;}
		100% {background-position: center 80%;}
	}


/* MsgBox */
.msgbox {
	display:block;
	position:fixed;
	top:50%;
	height:230px;
	margin-top:-90px;
	left:0;
	right:0;
	z-index:99;
	transition: all 0.3s; 
}

.msgbox.hidden {
	visibility: hidden;
	opacity: 0;
	top: 80%;
}

	.msgbox:before{
		content:' ';
		display:block;
		position:fixed;
		top:0;bottom:0;left:0;right:0;
		background:rgba(0,0,0,0.5);
	}
	.msgbox.no_shadow:before{
		background:transparent;
	}

	
.msgbox .block{
	position:relative;
	width:15em;
	margin:0 auto;
	background:#FFFFFF;
	padding:1em 2em;
	border-radius:1em;
	box-shadow:0 0 1em  rgba(0,0,0,0.3);
}

	.msgbox .icon {
		height:4em;
		background-size: contain;
		background-repeat:no-repeat;
		background-position:center center;
	}
		.msgbox .icon.success { background-image:url(img/icon/msgbox-success.svg);}
		.msgbox .icon.sadsmile{ background-image:url(img/icon/msgbox-sad.svg);}
		.msgbox .icon.information { background-image:url(img/icon/msgbox-info.svg);}


	.msgbox h3 {
		font-size:1.6em;
		line-height:2em;
		margin: 0 0 0.2em 0;
	}

	.msgbox .main{
		margin-bottom:1.2em;
		width:100%;
		color:#999;
		text-align:center;
	}

	.msgbox .close-btn {
		position:absolute;
		top:5px; right:5px;
		height:1.6em; width:1.6em;
		background:url(img/poll-close-btn.png) center center no-repeat;
		background-size:80% 80%;
	}

	.msgbox .highlight-btn {
		margin-top: 0.5em;
	}
